<style scoped>
    .ivu-result {
    width: 72%;
    margin: 0 auto;
    text-align: center;
}

.ivu-result-icon .ivu-icon {
    color: #fff;
    font-size: 72px;
    border-radius: 50%;
    margin: 30px 0;
}

.ivu-result-title {
    margin-bottom: 16px;
    color: #17233d;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.ivu-result-desc {
    margin-bottom: 24px;
    color: #808695;
    font-size: 14px;
    line-height: 22px;
}

.ivu-result-extra {
    padding: 24px 40px;
    text-align: left;
    background: #f8f8f9;
    border-radius: 4px;
}

.ivu-result-actions {
    margin-top: 32px;
}
</style>
<template>
    <div>
        <div class="ivu-mt">
            <el-card :bordered="false">
                <div class="ivu-result">
                    <div class="ivu-result-icon">
                        <el-icon type="ios-checkmark-circle" size="88" color="#19be6b" />
                    </div>
                    <div class="ivu-result-title">付款成功，请您到邮箱查收文档</div>
                    <!--<div class="ivu-result-desc">
                        <div>
                            {{desc}}
                        </div>
                    </div>-->
                    <div class="ivu-result-extra">
                        <div>
                            {{extra}}
                        </div>
                    </div>
                    <div class="ivu-result-actions">
                    </div>
                </div>
            </el-card>
        </div>
    </div>
</template>
<script>
export default {
    components: {

    },
    data() {
        return {

        }
    },
    computed: {
        desc() {
            return this.$route.params.desc;
        },
        extra() {
            return this.$route.params.extra;
        }
    },
    mounted() {
        this.$nextTick(() => {

        });
    },
    beforeDestroy() {

    },
    methods: {

    }
}
</script>